<template>
  <div class="header">
    <div class="header-left">
        <div class="iconfont back-left">&#xe624;</div>
    </div>
       <div class="header-input">
             <span class="iconfont">&#xe632;</span>
           请输入景点/城市/游玩主题</div>
          <div class="header-right">城市
                <span class="iconfont">&#xe64a;</span>
          </div>
  </div>
</template>
<script>
export default {
  name: "HomeHeader",
};
</script>
<style lang="stylus" scoped>
@import '~styles/varibles.styl'
@import '~styles/mixins.styl'
.header{
    display:flex
    height:.86rem
    line-height .86rem
    background :$bgColor
    color :#fff
}
.header-left{ 
 width:.64rem
 float:left
}
.back-left{
    text-align :center;
    font-size :.4rem;
}
.header-input{
    flex :1
    height :32px;
    margin-top 6px;
    border-radius :.1rem;
    background :#fff;
    color :#ccc;
    margin-left 2px;
    line-height 32px;
    padding-left 5px;
}
.header-right{
    text-align :center;
    width:1.24rem
    float:right
}
</style>
